import Home from "../components/12root/Home/Home.jsx";
import About from '../components/12root/About/About'
import News from "../components/12root/News/News";
import Message from "../components/12root/Message/Message";
import { Navigate } from "react-router-dom";
import HeroDetail from '../components/HeroDetail/HeroDetail'
import Hero from "../components/10组件通信/3-pubsub/Hero.jsx";
// import Home from '../components/13QQMusic/Home/Home.jsx';
import MineMusic from '../components/13QQMusic/MineMusic/MineMusic.jsx';
import YYG from '../components/13QQMusic/YYG/YYG.jsx';
import Singer from '../components/13QQMusic/Singer/Singer.jsx';

let arr = [
    {
        path:'/home',
        element:<Home />,
        caseSensitive:true,
        children:[
            {
                path:'/home/news',
                element:<News />
            },
            {
                path:'/home/message',
                element:<Message />
            },
            {
                index:true,
                element:<Navigate to='/home/message' />
            }
        ]
    },
    {
        path:'/about',
        element:<About />
    },
    {
        path:'/heros',
        element:<HeroDetail />
    },
    {
        path:'/hero',
        element:<Hero />
    },
    {
        path:'/music',
        element:<YYG />,
        children:[
            {
                path:'/music/home',
                element:<Home />,
            },
            {
                path:'/music/singer',
                element:<Singer />
            },
            {
                index:true,
                element:<Navigate to='/music/home' />
            }
        ]
    },
    {
        path:'/mine-music',
        element:<MineMusic />
    }
]

export default arr